<template>
  <div class="example">
    <div class="part">
      <div class="title">
        <span class="number">2</span>
        <span class="name titleName">Overview</span>
      </div>
      <div class="cont">This document describes API specification for technical validation.</div>
    </div>
  </div>
</template>

<script>
    export default {
        data(){
            return {}
        },
        methods: {},
        components: {},
        computed: {}
    }
</script>

<style lang="scss" scoped>
  .example{
    margin: 10px 41px 0 41px;
    .part{
      margin: 30px 0;
      .title{
        margin:10px;
        font-weight: bold;
        .number{
          font-size: 20px;
          color: #0090e9;
          margin-right: 10px;
        }
        .name{
          font-size: 20px;
          color: #000;
        }
        .titleName{
          font-size: 24px;
        }
      }
      .cont{
        font-size: 16px;
        line-height:24px;
      }
      .json{
        .url{
          color:#0090e9;
          cursor: pointer;
        }
        .url:hover{
          text-decoration: underline;
        }
      }
      .table1{
        width:1142px;
      }
      .table2{
        width:880px;
      }
    }
  }
</style>
